﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="3dsl.css" />
	<script type="text/javascript" src="3dsl.js"></script>
	<title>冰岩年表</title>
</head>
<body>
<div class="all">
	<div class="head">冰岩年表<br/><span style="font-size:10px;">仅支持webkit及高版本firefox</span></div>
	<div class="foot">冰岩实验室<span style="font-size:16px;">&#153</span></div>
    <div class="control">
		<input type="button" value="&#9668" id="left">
		<input type="button" value="&#9658" id="right"><br/>
		<span>可使用键盘</span><br/>
	    <span>&#8592&#8594键控制</span><br/>
	</div>
	<form class="jump">
		<label for="years" style="font:14px Microsoft Yahei ;color:#fff;padding:0px;" >直达</label>
		<select name="years" id="years">
			<option value="1999" selected="selected">1999</option>
			<option value="2000">2000</option>
			<option value="2001">2001</option>
			<option value="2002">2002</option>
			<option value="2003">2003</option>
			<option value="2004">2004</option>
			<option value="2005" >2005</option>
			<option value="2006">2006</option>
			<option value="2007">2007</option>
			<option value="2008">2008</option>
			<option value="2009">2009</option>
			<option value="2010">2010</option>
			<option value="2011">2011</option>
			<option value="2012">2012</option>
		</select>
	</form>
	<div class="show" id="gallary">
		<h1 class="notice" id="notice">aaa</h1>
		<div class="picbox" ><p >1999年<br/>汪海兵 (Benson)创立冰岩作坊</p><span class="description">99 冰岩成立</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/0.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/2.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/3.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/4.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/5.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/6.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/7.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/8.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/9.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/10.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/11.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/12.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/13.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/14.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/15.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/16.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/17.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/18.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/19.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/20.jpg" width="200" /></a><span class="description">10年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/21.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/22.jpg" width="200" /></a><span class="description">11年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/23.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/24.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/25.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="http://dayin.hustonline.net" target="_blank"><img src="gallary/U.png" width="200" /></a><span class="description">12年 云U盘</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/26.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/27.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/28.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/29.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/30.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/29.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/30.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/31.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/32.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/33.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/34.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/35.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><a href="#"><img src="gallary/36.jpg" width="200" /></a><span class="description">xx年 做过某事</span></div>
		<div class="picbox" ><p >期待你的加入</p><span class="description">xx年 做过某事</span></div>
	</div>
</div>	
</body>

</html>